<template>
  <div>
    <Header :seller="sellerData"/>
    <div class="tab">
      <div class="tab-wrap">
        <router-link to="/goods">商品</router-link>
      </div>
      <div class="tab-wrap">
        <router-link to="/comment">评论</router-link>
      </div>
      <div class="tab-wrap">
        <router-link to="seller">商家</router-link>
      </div>
    </div>
    <RouterView :seller="sellerData" />
  </div>
</template>

<script setup>
import Header from '@/components/header/index.vue'
import { getSeller } from '@/api'
import { ref } from 'vue';


let sellerData = ref({})

getSeller().then(res=>{
  console.log(res);
  sellerData.value = res
})
</script>

<style lang="less" scoped>
@import 'src/assets/variable.less';

  .tab{
    display: flex;
    height: 36px;
    &-wrap{
      flex:1;
      a{
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        line-height: 36px;
        text-decoration: none;
        color:@color-font;
        &.router-link-exact-active{
          color:@color-red;
          border-bottom: 2px solid @color-red;
        }
      }
    }
  }
</style>